<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>IOAutoDesign - Diseño y venta de piezas automovilísticas</title>

<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/carousel.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="assets/js/ie-emulation-modes-warning.js"></script>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
  <?php include "./menu.php"; include "./carousel.php";?>

	<div class="container">
	
		<!-- Example row of columns -->
		<div class="row">
			<div class="col-md-2">
					<img class="img-responsive" src="img/graphicsdesign.png"
					width="230">	
			</div>
			<div class="col-md-3">
							</div>
			<div class="col-md-2">
						<img class="img-responsive" src="img/build-icon.png"
					width="230">
			</div>		
			<div class="col-md-3">
				
			</div>
			<div class="col-md-2">
						<img class="img-responsive" src="img/icon2.png"
					width="230">
			</div>	
		</div>
		<div class="row">
		<div class="col-md-2">
						<h2 style="text-align: center">Diseño</h2>
				<p>Diseñamos toda clase de piezas para tu vehiculo</p>
				
			</div>
			<div class="col-md-3">
				
			</div>
			<div class="col-md-2">
			<h2 style="text-align: center">Fabricación</h2>
				<p>Fabricación de piezas de PolyJet y FDM</p>
				</div>
			<div class="col-md-3">
			
			</div>
			<div class="col-md-2">
			<h2 style="text-align: center">Calidad</h2>
 				<p>Nuestros procesos de fabricación estan abalados por ISO</p>
 				
 					
 				</div>	
					
		</div>
		<div class="row">
		<div class="col-md-2">
						
				
				<p>
					<a class="btn btn-default" href=""
						role="button">Tienda &raquo;</a>
				</p>
			</div>
			<div class="col-md-3">
				
			</div>
			<div class="col-md-2">
			
				
				<p>
					<a class="btn btn-default"
						href="instalaciones.php" role="button">Instalaciones &raquo;</a>
				</p></div>
			<div class="col-md-3">
			
			</div>
			<div class="col-md-2">
			
 				
 				<p>
 					<a class="btn btn-default"
 						href="conocenos.php" role="button">Conocenos &raquo;</a>
 				</div>	
					
		</div>
		<hr>
		<div class="row"><!-- START SOCIAL MEDIA WIDGET --><ul id="socialbar"><li id="twitter"><a target="@manelme" href="http://twitter.com/manelme"><IMG src="http://www.topproducerwebsite.com/images/site_defaults/generic/twitter.png"></a></li><li id="facebook"><a target="_blank" href="http://www.facebook.com/manelme"><IMG src="http://www.topproducerwebsite.com/images/site_defaults/generic/facebook.png"></a></li><li id="linkedin"><a target="_blank" href="http://es.linkedin.com/in/manelme"><IMG src="http://www.topproducerwebsite.com/images/site_defaults/generic/linkedin.png"></a></li><li id="Googleplus"><a target="Manel Mena" href="https://google.com/+ManelMena"><IMG src="http://www.topproducerwebsite.com/images/site_defaults/generic/Googleplus.png"></a></li></ul><style>#socialbar img {border:0px;}#socialbar li img {width:24px; height:24px;}#socialbar li a:hover {position:relative;top:2px;}#socialbar{list-style: none outside none; margin:0px; position: static;}#socialbar li {display:inline;padding-right:2px;}#socialbar{width:200px;float:left;padding:10px;}</style><!-- END SOCIAL MEDIA WIDGET --></div>
		
		<footer>
			<p> &copy; IODevTeam 2015</p>
		</footer>
	</div>
	<!-- /container -->

<!-- 	<div class="col-md-1"> -->
						
<!-- 			</div> -->
<!-- 			<div class="col-md-2"> -->
<!-- 				<img class="img-responsive" src="img/icon2.png" -->
<!-- 					width="230"> <br> <br> -->
<!-- 			</div> -->
<!-- 			<div class="col-md-2"> -->
						
<!-- 			</div> -->
<!-- 	<div class="col-md-3"> -->
<!-- 				<h2>Calidad</h2> -->
<!-- 				<p>Nuestros procesos de fabricación estan abalados por el estandard ISO</p> -->
<!-- 				<p> -->
<!-- 					<a class="btn btn-default" -->
<!-- 						href="http://io-linux.cloudapp.net/csvn/" role="button">Ver -->
<!-- 						Collabnet &raquo;</a> -->
<!-- 				</p> -->
<!-- 			</div>	 -->

	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script
		src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
	<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>

